<template>
  <div class="hello"  >
      <!-- <img src="../assets/img/bg.png" alt="背景图"> -->
      <h1>欢迎来到管理后台</h1> 
      <div class="block">
        <el-carousel height="600px">
          <el-carousel-item >
            <img src="../assets/img/天空.png" alt="765703.png" class="carousel_image_type">
          </el-carousel-item>
          <el-carousel-item >
            <img src="../assets/img/天空.png" alt="765703.png" class="carousel_image_type">
          </el-carousel-item>            
      </el-carousel>
  </div>
  </div>
  
</template>

<script>
export default {
  

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>


h1{
  margin-top: 0%;
  margin-left: 42%;
}
.block{
  margin-left: 10%;
  height: 90%;
  width: 80%;
}
.carousel_image_type{
  height: 100%;
  width: 100%;
  margin-left: 0%;
  align-content: center;
}
</style>
